/**************top***************/
.wrapper .main .top-area{
    width: 100%;
    height: 22vw;
    z-index: 99;
}
.wrapper .main .top-area .top-area-fix{
    width: 100%;
    height: 22vw;
    z-index: 99;
}
.wrapper .main .top-area .top-area-fix .top{
    width: 100%;
    height: 14vw;
    background-color: #202126;

    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
}

/*加入返回键后的搜索框*/
.wrapper .main .top-area .top-area-fix .top .return{
    font-size: 7vw;
    color: #dfe3e6;
    user-select: none;
    cursor: pointer;

    margin: 1vw -3vw 0 2vw;
}
.wrapper .main .top-area .top-area-fix .top .search-box-short{
    width: 61%;
    height: 9vw;
    background-color: #292c33;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vw 2vw;
    box-sizing: border-box;
    margin-left: 3vw;

    font-size: 6vw;
    color: #606166;
    position: relative;
}
.wrapper .main .top-area .top-area-fix .top .search-box-short input{
    width: 100%;
    height: 9vw;
    border: none;
    outline: none;
    background: transparent;
    font-size: 3vw;
    color: #dfe3e6;
    z-index: 100;
}
.wrapper .main .top-area .top-area-fix .top .search-box-short img{
    height: 8vw;
    position: absolute;
    left: 0;
}
/******************/
/*未加入返回键的搜索框*/
.wrapper .main .top-area .top-area-fix .top .search-box{
    width: 69%;
    height: 9vw;
    background-color: #292c33;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vw 2vw;
    box-sizing: border-box;
    margin-left: 3vw;

    font-size: 6vw;
    color: #606166;
    position: relative;
}
.wrapper .main .top-area .top-area-fix .top .search-box img{
    height: 8vw;
    position: absolute;
    left: 0;
}
.wrapper .main .top-area .top-area-fix .top .search-box input{
    width: 100%;
    height: 9vw;
    border: none;
    outline: none;
    background: transparent;
    font-size: 3vw;
    color: #dfe3e6;
    z-index: 100;
}
/******************/

.wrapper .main .top-area .top-area-fix .top .more .tdesign\:ellipsis{
    display: inline-block; /*先将i标签转换为行内块元素，防止后面旋转整个div容器*/
    transform: rotate(90deg);

    font-size: 6vw;
    color: #606166;
    user-select: none;
    cursor: pointer;
}
/*******弹出菜单*******/
.wrapper .main .top-area .top-area-fix .top .popmenu1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /*透明度*/
    display: none;
    z-index: 1000;
}
.wrapper .main .top-area .top-area-fix .top .popmenu1 .popup {
    background-color: #292c33;
    width: 100%;
    height: 40vw;
    position: fixed;
    bottom: 0;
    left: 0;

    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.wrapper .main .top-area .top-area-fix .top .popmenu1 .popup .tdesign\:chevron-down-double-s{
    font-size: 6vw;
    color: #606166;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3vw;
}
.wrapper .main .top-area .top-area-fix .top .popmenu1 .popup_content{
    box-sizing: border-box;
    height: 12vw;
    padding: 5vw 3vw 2vw;
    font-size: 3.5vw;
    color: #606166;
}
.wrapper .main .top-area .top-area-fix .top .popmenu1 .popup_btn button{
    width: 100%;
    height: 9vw;
    cursor: pointer;

    border: none;
    border-top: solid 1px #3d434f;
    outline: none;
    background-color: #292c33;
    color: #dfe3e6;
    font-size: 3vw;

    display: flex;
}
.wrapper .main .top-area .top-area-fix .top .popmenu1 .popup_btn button div{
    margin: 2vw 3vw;
    font-size: 4vw;
}
.wrapper .main .top-area .top-area-fix .top .popmenu1 .popup_btn button span{
    margin: 2vw 0;
}
/******************/

.wrapper .main .top-area .top-area-fix .top .user_head{
    display: inline-block;
    margin-right: 3vw;
    user-select: none;
    cursor: pointer;
}
.wrapper .main .top-area .top-area-fix .top .user_head img{
    height: 10vw;
    padding-top: 2vw;
}

/**************top-menu***************/
.wrapper .main .top-area .top-area-fix .top-menu{
    height: 8vw;
    width: 100%;
    background-color: #202126;
    font-size: 3.5vw;
    color: #dfe3e6;

    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;

    z-index: 99;
}
.wrapper .main .top-area .top-area-fix .top-menu li{
    margin: 2vw 6vw;
    cursor: pointer;
}
.wrapper .main .top-area .top-area-fix .top-menu .pocket .balance{
    color: #4b9cf7;
    margin-left: 1vw;
}
.wrapper .main .top-area .top-area-fix .top-menu .popmenu3{
    position: fixed;
    left: 0;
    top: 22vw;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /*透明度*/
    display: none;
    z-index: 1000;
}
.wrapper .main .top-area .top-area-fix .top-menu .popmenu3 .popup{
    background: linear-gradient(to right, #415d85, #17256c);
    font-weight: bold;
    width: 96%;
    height: 67vw;
    position: fixed;
    top: 22vw;
    left: 2%;
    box-sizing: border-box;
    padding-top: 3vw;

    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.wrapper .main .top-area .top-area-fix .top-menu .popmenu3 .popup .menu-item{
    height: 6vw;
    width: 100%;
    box-sizing: border-box;
    padding: 2vw 7vw;
    margin-bottom: 5vw;
    font-size: 4vw;
    color: #ffffff;
    text-shadow: 0 1vw 1vw #3d434f;
    cursor: pointer;

    display: flex;
    align-items: center;
}
.wrapper .main .top-area .top-area-fix .top-menu .popmenu3 .popup .menu-item img{
    height: 5vw;
    margin-right: 2vw;
    margin-left: -1vw;
}